<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	<link rel="stylesheet" href="css/jianshenfang.css">
	</head>
	<body>
		<!-- 头部广告 -->
		<div class="banner">
			<!-- 版心 -->
			<div class="inner">
				<!-- 头部 -->
				<div class="header">
					<div class="header_left">
						<span>Jim</span>
						<span>Guide</span>
					</div>
					<!-- 导航 -->
					<div class="nav">
						<a href="">Home</a>
						<a href="">About</a>
						<a href="">Services</a>
						<a href="">Gallery</a>
						<a href="">Contact</a>
					</div>
				</div>
				<!-- 中心内容 -->
				<div class="main">
					<p>LORIPSUM</p>
					<P>LETTERS</P>
					<P>lorem ipsum will uncouer many</P>
					<span>
						<a href="">MORE</a>
					</span>
					</div>
					</div>
		</div>
		<!-- 第二段 -->
			<div class="second">
				<div class="inner">
					<div class="second_container">
				<!-- 红色背景	 -->
				<div class="red_bg">
					<div class="red_header">
							<p>Loderful designs takenposs</p>
							<p>has voluptatemut  enimminim quis nostrum</p>
						</div>
						<div class="blankBox"></div>
						<div class="red_bottom">
							<p>Lorem ipsum has been 23/07/2015</p>
						</div>
						</div>
				<!-- 	白色背景 -->
					<div class="white_bg">
						<div class="main_word">
								<p>Lorem lpsum printing and typesetting industry</p>
								<p>Magnam aliquam quaerat voluptatemut</p>
								<p>enim minima veniam, quis nostrum</p>
								<p>exercitation laboriosam</p>
								<p>Lorem lpsum is simply dummy the when an unknown printer took a</p>
								<p>galley of type and scrambled it to make a type specimen book It has</p>
								<p>survived not only five centuries,but also the leap into electronic</p>
								<p>typesetting, remaining essentially unchanged. It was popularised in</p>
								<p>the 1960s with the release of Letraset sheets containing Lorem</p>
								<p>lpsum passages, and more recently with desktop publishing software</p>
								<p>like Aldus PageMaker including versions of Lorem lpsum.</p>
								<p><a href="">Read More</a></p>
							</div>
							</div>
							</div>
				</div> 
			</div>
			<!-- 第三段 -->
			<div class="black">
				<div class="inner">
					<!-- 黑色背景 -->
					<div class="black_bg">
						<div class="black_left">
							<div class="black_header">
								<p>Lorem lpsum printing and typesetting industry</p>
							</div>
							<div class="black_word">
							<p>
							Magnam aliquam quaerat voluptatemut enim<br/>minima veniam,quis nostrum exercitation<br/>laboriosam
							</p>	
							</div>
							<div class="icon">
								<div class="icon_top">
									<div class="icon_1">
										<img src="img/icon3.png" alt="">
										<p>Finibus Bonorum<br/>&nbsp;&nbsp;&nbsp;et Malorum</p>
									</div>
									<div class="icon_2">
										<img src="img/icon4.png" alt="">
										<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Finibus et<br/>Bonorum  Malorum</p>
									</div>
								</div>
								<div class="icon_bottom">
									<img src="img/icon5.png" alt="">
									<p>&nbsp;&nbsp;ginibusbon<br/>orumet Malorum</p>
								</div>
							</div>
						</div>
						<div class="black_pic">
							<img src="img/img1.jpg" alt="">
						</div>
					</div>
				</div>
			</div>
		<!-- 第四段 -->
		<div class="container">
			<div class="inner">
				<div class="container_bg">
					<div class="container_header">
						<p>Magnam aliquam quaerat uoluptatemut enim minima ueniam</p>
					</div>
					<div class="container_word">
						<div class="services">
							<p>Our Gym Services</p>
							<p>Magnam aliquam quaerat vdluptatemutenim minima veniam,quis nostrum exercitation<br/>laboriosan,Varius lorem lpsum available aeblandit</p>
							<p>There are many variations of passages of Lorem lpsum ayailable, but the majority have<br/>suffered alteration in someform, by injected humour, or randomised words which don't<br/>look evenslightly believable.lf you are going to use a passage of Lorem lpsum</p>
						</div>
						<div class="events">
							<p>Upcoming Events</p>
							<p><img src="img/icon6.png" alt="">&nbsp;&nbsp;Donec quam lscele lorem lpsum available.</p>
							<p><img src="img/icon6.png" alt="">&nbsp;&nbsp;Etiam volutpatbh lorem lpsum available</p>
							<p><img src="img/icon6.png" alt="">&nbsp;&nbsp;Varius lorem lpsum available aeblandit.</p>
							<p><img src="img/icon6.png" alt="">&nbsp;&nbsp;Donec Lorem lpsum available volutri.</p>
							<p><img src="img/icon6.png" alt="">&nbsp;&nbsp;Etiam volutpatbh Lorem lpsum available</p>
						</div>
					</div>
					
						<div class="pic_top">
							<div class="pic_1">
								<img src="img/img2.jpg" alt="">
								<div class="sheets_1">
									<p>Letraset Sheets</p>
									<p>with the release Letraset sheets Lorem</p>
								</div>
							</div>
							<div class="pic_2">
								<img src="img/img4.jpg" alt="">
								<div class="sheets_2">
									<p>Letraset Sheets</p>
									<p>with the release Letraset sheets Lorem</p>
							</div>
						</div>
						</div>
						<div class="pic_bottom">
							<div class="pic_3">
								<img src="img/img3.jpg" alt="">
							<div class="sheets_3">
								<p>Letraset Sheets</p>
								<p>with the release Letraset sheets Lorem</p>	
							</div>
							</div>
							<div class="pic_4">
								<img src="img/img5.jpg" alt="">
								<div class="sheets_4">
									<p>Letraset Sheets</p>
									<p>with the release Letraset sheets Lorem</p>	
							</div>
							</div>
			               </div>
						   </div>
						   </div>
		</div>
	     <!-- 页脚 -->
		<div class="footer">
			<div class="inner">
				<div class="copyright">
					<p>Copyright © 2015.company name All rights reserved.</p>
				</div>
				
			</div>
		</div>
			
		</body>
</html>
